<!DOCTYPE html>
<html>
<head>
	<meta charset="UTF-8">
  <meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,er-scale=no">
	<title> sb </title>
<style>
*{
	margin: 0;
	padding: 0;
}	
body, html {
  background: #efefef;
}
p {
  position: absolute;
  top: 74px;
  width: 100%;
  text-align: center;
  font-size: 40px;
  font-weight: 900;
  color: #3c3f52;
}
img {
  display: block;
  width: 100%;
}

</style>	

</head>
<body>

  <!--用于显示查询输入框的容器。-->
<div id="YQContainer"></div>

<!--脚本代码可放于页面底部，等到页面最后执行。-->
<script type="text/javascript" src="//www.17track.net/externalcall.js"></script>
<script type="text/javascript">
YQV5.trackMulti({
    //必须，指定承载内容的容器ID。
    YQ_ContainerId:"YQContainer",
    //可选，指定查询结果高度，最大为800px，默认为560px。
    YQ_Height:560,
    //可选，指定UI语言，默认根据浏览器自动识别。
    YQ_Lang:"en"
});
</script>




<div class="sb">
  <p id="time">04-12 11:43:50</p>
  <img src="https://s1.ax1x.com/2022/04/15/L366jH.png" />
</div>

<script>

function db(num) {
  return num < 10 ? '0'+num : num
}


// setInterval(() => {
//   var time = new Date()
//   var M = time.getMonth() + 1
//   var D = time.getDate()

//   var H = time.getHours()
//   var m = time.getMinutes()
//   var S = time.getSeconds()

//   var html = `${db(M)}-${db(D)} ${db(H)}:${db(m)}:${db(S)}`

//   document.getElementById("time").innerHTML = html 

// }, 1000)

console.log(time)
console.log(M, D, H,S)
</script>
</body>
</html>
